<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>{title}</title>
        <link rel="shortcut icon" href="{url_base}assets/img/favicon.png" type="image/x-icon"/>
        {content_js}
        {content_css}
        <script type="text/javascript"> 
            var $buoop = {vs:{i:8,f:11,o:10.6,s:4,n:9}} 
            $buoop.ol = window.onload; 
            window.onload=function(){ 
                try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
                var e = document.createElement("script"); 
                e.setAttribute("type", "text/javascript"); 
                e.setAttribute("src", "http://browser-update.org/update.js"); 
                document.body.appendChild(e); 
            } 
            
            //Animation
            $(document).ready(function(){
                if($('#messege-alert').length){
                    $('#messege-alert, #content').animate({left: '-=20'},100).animate({left: '+=40'},100).animate({left: '-=40'},100).animate({left: '+=40'},100).animate({left: '-=20'},100);
                }
            });
            
        </script>
    </head>
    <body>
        <div class="container">
            <header>
                <div id="logomarca">
                    <a href="{url_base}"><img width="240" src="{logomarca}"/></a>
                </div> <!-- END of #logomarca --> 
            </header>
            <section id="content">
                {contents}
            </section><!-- END of content -->
        </div><!-- END of container -->
        <footer class="footer">
            {footer}    
        </footer> <!-- END of footer -->
    </body>
</html>